<html data-dpr="1" style="font-size: 37.5px;">
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1" />
  <title>{:C('sitename')}</title>
  <link href="/ascss/1.css" rel="stylesheet" />
  <style type="text/css" title="fading circle style">.circle-color-13 > div::before { background-color: #ccc; }</style>
   <script>
    (function (win, lib) {
      var doc = win.document
      var docEl = doc.documentElement
      var metaEl = doc.querySelector('meta[name="viewport"]')
      var flexibleEl = doc.querySelector('meta[name="flexible"]')
      var dpr = 0
      var scale = 0
      var tid
      var flexible = lib.flexible || (lib.flexible = {})
 
      if (metaEl) {
        console.warn('将根据已有的meta标签来设置缩放比例')
        var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/)
        if (match) {
          scale = parseFloat(match[1])
          dpr = parseInt(1 / scale)
        }
      } else if (flexibleEl) {
        var content = flexibleEl.getAttribute('content')
        if (content) {
          var initialDpr = content.match(/initial\-dpr=([\d\.]+)/)
          var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/)
          if (initialDpr) {
            dpr = parseFloat(initialDpr[1])
            scale = parseFloat((1 / dpr).toFixed(2))
          }
          if (maximumDpr) {
            dpr = parseFloat(maximumDpr[1])
            scale = parseFloat((1 / dpr).toFixed(2))
          }
        }
      }
 
      if (!dpr && !scale) {
        var isAndroid = win.navigator.appVersion.match(/android/gi)
        var isIPhone = win.navigator.appVersion.match(/iphone/gi)
        var devicePixelRatio = win.devicePixelRatio
//          if (isIPhone) {
//            // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
//            if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
//              dpr = 3;
//            } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
//              dpr = 2;
//            } else {
//              dpr = 1;
//            }
//          } else {
//            // 其他设备下，仍旧使用1倍的方案
//            dpr = 1;
//          }
        dpr = 1
        scale = 1 / dpr
      }
 
      docEl.setAttribute('data-dpr', dpr)
      if (!metaEl) {
        metaEl = doc.createElement('meta')
        metaEl.setAttribute('name', 'viewport')
        metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no')
        if (docEl.firstElementChild) {
          docEl.firstElementChild.appendChild(metaEl)
        } else {
          var wrap = doc.createElement('div')
          wrap.appendChild(metaEl)
          doc.write(wrap.innerHTML)
        }
      }
 
      function refreshRem () {
        var width = docEl.getBoundingClientRect().width
        if (width / dpr > 540) {
          width = 540 * dpr
        }
        var rem = width / 10
        docEl.style.fontSize = rem + 'px'
        flexible.rem = win.rem = rem
      }
 
      win.addEventListener('resize', function () {
        clearTimeout(tid)
        tid = setTimeout(refreshRem, 300)
      }, false)
      win.addEventListener('pageshow', function (e) {
        if (e.persisted) {
          clearTimeout(tid)
          tid = setTimeout(refreshRem, 300)
        }
      }, false)
 
      if (doc.readyState === 'complete') {
//          doc.body.style.fontSize = 12 * dpr + 'px';
        doc.body.style.fontSize = 16 + 'px'
      } else {
        doc.addEventListener('DOMContentLoaded', function (e) {
//            doc.body.style.fontSize = 12 * dpr + 'px';
          doc.body.style.fontSize = 16 + 'px'
        }, false)
      }
 
      refreshRem()
 
      flexible.dpr = win.dpr = dpr
      flexible.refreshRem = refreshRem
      flexible.rem2px = function (d) {
        var val = parseFloat(d) * this.rem
        if (typeof d === 'string' && d.match(/rem$/)) {
          val += 'px'
        }
        return val
      }
      flexible.px2rem = function (d) {
        var val = parseFloat(d) / this.rem
        if (typeof d === 'string' && d.match(/px$/)) {
          val += 'rem'
        }
        return val
      }
 
    })(window, window['lib'] || (window['lib'] = {}))
  </script>
  <!-- 环境判断:测试、正式 -->
  <script>
    var host = window.location.host
    ;(function isFormalEnv(host){
      if(host.indexOf('kw13.cn') !== -1){
        window.isFormalEnv = true
        window.isTestEnv = false
      } else if(host.indexOf('kwmzy.com') !== -1) {
        window.isTestEnv = true
        window.isFormalEnv = false
      }
    })(host)
  </script>
  <!-- 腾讯移动统计配置 -->
  <script>
    var mtah5 = {}
    if(window.isFormalEnv){
      mtah5.sid = 500411881
      mtah5.cid = 500432840
    } else { // 本地、测试环境使用
      mtah5.sid = 500412096
      mtah5.cid = 500426037
    }
    var _mtac = {"performanceMonitor":1,"senseQuery":1};
    (function() {
      var mta = document.createElement("script");
      mta.setAttribute("name", "MTAH5");
      mta.setAttribute("sid", mtah5.sid);
      mta.setAttribute("cid", mtah5.cid);
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(mta, s);
    })();
  </script>
  <script>
    window.origin = window.location.origin
  </script>
  <style>
		/*获取头像*/

		.my_box:hover{
			animation:my_box 0.5s forwards;
			transition: .5s;
		}
		@keyframes my_box{
			form{
				transform: rotate(0deg);
			}
			to{
				transform: rotate(360deg);
			}
		}

		.xiantiao{
			display: block;
			width:86%;
			height:1px;
			border-bottom: 1px solid #ccc;
			margin:0 auto;
		}

		.pic_box{
			width:100%;
			height: 280px;
			border-radius:8px;
			background: rgba(255,255,255,0.8);
			border:1px solid #ccc;
			position: fixed;
			top:0;
			left:0;
			right:0;
			margin:0 auto;
			overflow: auto;
			z-index: 999;
		}
		.header1{
			height:45px;
			text-align: center;
		}
		.close{
			color:#000;
			font-size: 21px;
			line-height: 1;
			text-shadow: 0 1px 0 #fff;
			opacity: 1.2;
			position:absolute;
			right:8px;
			top:2px;
			cursor: pointer;
		}
		.pic_box ul{
			padding: 0;
			margin:0;
			width:96%;

			margin:10px auto;
		}
		.pic_box ul li{
			display: block;
			list-style: none;
			width:59px;
			height:59px;
			float: left;
			border-radius: 15%;
			border:1px solid #ccc;
			margin:5px 5px;
			transition: .6s;
			cursor: pointer;
			overflow: hidden;
		}
		.pic_box ul li:hover{
			transform: scale(1.15);
			transition: .5s;
		}
		.pic_box ul li img{
			width:100%;
		}
		.bt_box{
			width: 100%;
			text-align: center;
			font-size: 14px;
			margin-top: 30px;
			clear: both;
			padding-top: 36px;
			padding-bottom: 30px;
		}
		.bt_box .gb{
			display:inline-block;
			width:120px;
			height:35px;
			border-radius: 8px;
			background:#f3f3f3;
			color:#444;
			line-height: 35px;
		}
		.bt_box .queren{
			display: inline-block;
			width:120px;
			height:35px;
			border-radius: 8px;
    background: linear-gradient(0deg,#f5b472,#f6d9b7);
    color: #a1300c;
			line-height: 35px;
		}

		.reg_btn{
			background:-webkit-linear-gradient(#ebca87,#c19355);

			background:-o-linear-gradient(#ebca87,#c19355);

			background:-moz-linear-gradient(#ebca87,#c19355);

			background:linear-gradient(#ebca87,#c19355);
			width:80%;
			height: 40px;
			display: block;
			margin: 0 auto;
			border:none;
			border-radius: 30px;
			box-shadow: 0 0 15px rgba(0,0,0,0.3);
			margin-bottom:24px;
			margin-top: 45px;
		}
	</style>
 </head>
 <body class="loginbg" style="font-size: 12px;">
  <div id="app">
   <div data-v-c1660f42="" class="main">
   
    <div data-v-28f0e191="" data-v-c1660f42="" class="c63 animated fadeInDown">
     <div data-v-28f0e191="" class="c64">
      <img data-v-28f0e191="" src="/asimages/xxx.png" />
     </div> 
     <div data-v-28f0e191="" class="c67">
      <img data-v-28f0e191="" src="/asimages/logo.7bacbc1.png" /> 
      <div data-v-28f0e191="">
       <h2 data-v-28f0e191="">开鑫金服 Ver.1.27</h2>
      </div>
     </div> 
     <div data-v-28f0e191="" class="c614">
      <button data-v-28f0e191="" class="" onclick="location.href='/Shop/Index/appxiazai.html'">立即下载</button>
     </div>
    </div> 
    <div data-v-c1660f42="" class="tabbtn">
     <p data-v-c1660f42="" class="" onclick="location.href='/Shop/Index/login'">登录</p> 
     <p data-v-c1660f42="" class="on">注册</p>
    </div> 
    <div data-v-c1660f42="" class="box" style="touch-action: pan-x pan-y; transform: translate3d(0%, 0px, 1px);">
	<form class="reg_zhuce"  id="uploadForm" action="{:U('Home/Index/register')}" role="form" method="post" >
     <ul data-v-c1660f42="">
	 <div style="text-align: center;color: #d4d4d4;font-size: 17px;margin-top: 10px;">
	 <div class="my_box" style="text-align: center;color: #d4d4d4;font-size: 17px;margin-top: 10px;">
	 <input class="jide" name="headimgurl" type="hidden" value="/public/Home/user/image/0.png" />
	 <img style="border-radius: 50%;margin-top: 10px;" src="/asimages/0.png" class="my_pic1">
	 </div>
	 <div class="pic_box" id="pic_box" >
			<div class="header1">
				<p>设置头像</p>
				<span class="close">x</span>
			</div>
			<span class="xiantiao"></span>
			<ul>
				<li><img src="/public/Home/user/image/0.png"></li>
				<li><img src="/public/Home/user/image/1.png"></li>
				<li><img src="/public/Home/user/image/3.png"></li>
				<li><img src="/public/Home/user/image/4.png"></li>
				<li><img src="/public/Home/user/image/5.png"></li>
				<li><img src="/public/Home/user/image/6.png"></li>
				<li><img src="/public/Home/user/image/7.png"></li>

			</ul>
			<div class="bt_box">
				<a class="gb" href="javascript:">关闭</a>
				<a class="queren" href="javascript:">保存头像</a>
			</div>
		</div>
	 </div>
	 
	 
	 
	 
	 
      <li data-v-c1660f42=""><h3 data-v-c1660f42="">用户名</h3> <input data-v-c1660f42="" type="text" id="username" name="username" placeholder="请输入用户名" /></li> 
      <li data-v-c1660f42=""><h3 data-v-c1660f42="">密码</h3> <input data-v-c1660f42="" type="password" id="password" name="password" placeholder="请输入密码" /> </li> 
	  <li data-v-c1660f42=""><h3 data-v-c1660f42="">重复密码</h3> <input data-v-c1660f42="" type="password" id="repassword" name="" placeholder="请再次输入密码" /> </li> 
     </ul> 
     <div data-v-c1660f42="">
      <button data-v-c1660f42="" class="btn reg_btn" type="submit">注册</button>
     </div>
</form>	 
    </div>
	
   </div>
  </div>
<script src="__PUBLIC__/Admin/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/Common/js/ajaxForm.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<script type="text/javascript">

	$(function(){
		$('.reg_zhuce').ajaxForm({
			beforeSubmit: checkForm,
			success: complete,
			dataType: 'json'
		});
		function CheckStr(str){
			var myReg = "[@/'\"#!$%&^*]+";
			var reg = new RegExp(myReg);
			if(reg.test(str)){
				return true;
			} else {
				return false;
			}
		}
		function checkForm(){
			if( '' == $.trim($('#username').val())){
				layer.alert('用户名不能为空', {icon: 5}, function(index){
					layer.close(index);
					$('#username').focus();
				});
				return false;
			}
			console.log(CheckStr($('#username').val()));
			if (CheckStr($('#username').val())) {
				layer.alert('用户名不能有特殊字符', {icon: 5}, function(index){
					layer.close(index);
					$('#username').focus();
				});
				return false;
			}

			if ($('#password').val().length < 6) {
				layer.alert('密码长度不能低于6位', {icon: 5}, function(index){
					layer.close(index);
					$('#password').focus();
				});
				return false;
			}

			if( '' == $.trim($('#password').val())){
				layer.alert('密码不能为空', {icon: 5}, function(index){
					layer.close(index);
					$('#password').focus();
				});
				return false;
			}

			if ($('#password').val() != $('#repassword').val()) {
				layer.alert('两次输入的密码不一致', {icon: 5}, function(index){
					layer.close(index);
					$('#password').focus();
				});
				return false;
			}
		}
		function complete(data){
			if(data.status==1){
				$('.btn').attr('disabled','disabled');
				layer.msg(data.info, function(index){
					layer.close(index);
					window.location.href=data.url;
				});
			}else{
				layer.msg(data.info);
				$('#password').val('').focus();
				return false;
			}
		}
	});
</script>
<script type="text/javascript">
	$(".close,.gb").click(function(){
		$(".pic_box").animate({
			'top':'-1000px'
		},500);
	}),
			$(".my_box").click(function(){
				$(".pic_box").animate({
					'top':'0px',
				},300);
			}),
			$(".queren").click(function(){
				var src = $(".jide").val();

				//效果展示,在服务器中把这一段删除,用上面那一段
				if(src != ""){
					$(".my_pic1").attr('src',src);
					$(".pic_box").animate({
						'top':'-1000px'
					},500);
				}else{
					return false;
				}

			});
	var $box = document.getElementById('pic_box');
	var $li = $box.getElementsByTagName('li');
	var index = 0;
	for(var i=0;i<$li.length;i++){
		$li[i].index=i;
		$li[i].onclick=function(){
			$li[index].style.borderRadius="15%";
			this.style.borderRadius="50%";
			index = this.index;
		}
	}
	$(".pic_box li img").click(function(){
		var src=$(this).attr("src");
		$(".jide").val(src);
	})
</script>

 </body>
</html>